<!doctype html>
<html>
    <head>
        <link rel="stylesheet" href="css/prettify.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script type="text/javascript" src="js/gmaps.js"></script>
        <script type="text/javascript" src="js/prettify.js"></script>
        <style type="text/css">
            html, body{
                width: 100%;
                height: 100%;
                padding: 0;
                margin: 0;
            }
            #map{
                display: block;
                width: 90%;
                min-height: 90%;
                margin: auto;
                border: solid 2px #cccccc;
            }
            h1{
                text-align: center;
            }
        </style>
    </head>
    <body>
        <h1>Test GMAP</h1>
        <div id="map"></div>
        <script type="text/javascript">
            var map;
            $(document).ready(function() {
                prettyPrint();
                map = new GMaps({
                    el: '#map',
                    lat: 51.0000000,
                    lng: -1.0000000
                });
            });
        </script>
    </body>
</html>